<template>
  <div class="topR">
    <div v-if="$i18n.locale ==='zh_CN'">
      <img src="~images/workorder/responded.png" v-if="status == 0"/>
      <img src="~images/workorder/processing.png" v-if="status == 1"/>
      <img src="~images/workorder/escalating.png" v-if="status == 3"/>
      <img src="~images/workorder/accept.png" v-if="status == 2"/>
    </div>
    <div v-if="$i18n.locale ==='en_US'">
      <img src="~images/workorder/responded_en.png" v-if="status == 0"/>
      <img src="~images/workorder/processing_en.png" v-if="status == 1"/>
      <img src="~images/workorder/escalating_en.png" v-if="status == 3"/>
      <img src="~images/workorder/close_en.png" v-if="status == 2"/>
    </div>
  </div>
</template>

<script>
export default {
  name: "orderStatusIcon",
  props:['status']
}
</script>

<style scoped lang="scss">
img{
  width: 100%;
  height: auto;
  overflow: hidden;
}
</style>
